<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <title>用户中心--layui后台管理模板 2.0</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <meta name="_csrf" th:content="${_csrf.token}"/>
        <meta name="_csrf_header" th:content="${_csrf.headerName}">
        <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all"/>
        <link rel="stylesheet" th:href="@{/css/public.css}" media="all"/>
    </head>
    <body class="childrenBody">
        <form class="layui-form">
            <blockquote class="layui-elem-quote quoteBox">
                <form class="layui-form">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input searchVal" placeholder="请输入搜索的内容"/>
                        </div>
                        <a class="layui-btn search_btn" data-type="reload">搜索</a>
                    </div>
                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-normal addMenu_btn">添加菜单项</a>
                    </div>
                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-danger layui-btn-normal delAll_btn">批量删除</a>
                    </div>
                </form>
            </blockquote>
            <table id="menuList" lay-filter="menuList"></table>

            <!--操作-->
            <script type="text/html" id="menuListBar">
                <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                {{# if(d.status == 0){ }}
                <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="usable">已禁用</a>
                {{# } }}
                {{# if(d.status == 1){ }}
                <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="usable">已启用</a>
                {{# } }}
                <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
            </script>
        </form>
        <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
        <script type="text/javascript" th:src="@{/js/menu/menuList.js}"></script>
        <script type="text/javascript" th:src="@{/js/common/csrf.js}"></script>
    </body>
</html>